<div class="breadCrumb clearfix">    
    <ul id="breadcrumbs">
        <li><a href="index-2.html">Home</a></li>
        <li><a href="#">Tables</a></li>
        <li>Default tables</li>
    </ul>        
</div>

<div class="content">
     
    <div class="row-fluid">
        
        <div class="widget">
            <div class="head dark">
                <div class="icon"><span class="icos-clipboard1"></span></div>
                <h2>Default</h2>                    
            </div>                
            <div class="block-fluid">
                <table cellpadding="0" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th width="25%">
                               Email
                            </th>
                            <th width="25%">
                               Name
                            </th>
                            <th width="25%">
                               Code
                            </th>
                            <th width="25%">
                               Post
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <a href="#">dmitry@domain.com</a>
                            </td>
                            <td>
                                Dmitry Ivaniuk
                            </td>
                            <td>
                                DT-SV35582
                            </td>
                            <td>
                                <span class="label label-important">Developer</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a href="#">olga@domain.com</a>
                            </td>
                            <td>
                                Olga Ivaniuk
                            </td>                                
                            <td width="25%">
                                DS-SV34522
                            </td>      
                            <td width="25%">
                                <span class="label label-important">Economist</span>
                            </td>                                
                        </tr>
                        <tr>
                            <td>
                                <a href="#">alex@domain.com</a>
                            </td>
                            <td>
                                Alex Fruz
                            </td>         
                            <td width="25%">
                                DV-SV41222
                            </td>  
                            <td width="25%">
                                <span class="label label-important">Developer</span>
                            </td>                                  
                        </tr>
                        <tr>
                            <td>
                                <a href="#">helen@domain.com</a>
                            </td>
                            <td>
                                Helen Simonchuk
                            </td>                                                                
                            <td width="25%">
                                DV-ST32212
                            </td>   
                            <td width="25%">
                                <span class="label label-important">Promoter</span>
                            </td>                                  
                        </tr>
                        <tr>
                            <td>
                                <a href="#">valentin@domain.com</a>
                            </td>       
                            <td>
                                Valentin Ratushev
                            </td>        
                            <td width="25%">
                                DV-WR21677
                            </td>    
                            <td width="25%">
                                <span class="label label-important">Lawyer</span>
                            </td>                                
                        </tr>                           
                    </tbody>
                </table>
            </div>                
        </div>

        <div class="widget">
            <div class="head dark">
                <div class="icon"><span class="icos-paragraph-justify"></span></div>
                <h2>With hover</h2>                    
            </div>                
            <div class="block-fluid">
                <table cellpadding="0" cellspacing="0" width="100%" class="table-hover">
                    <thead>
                        <tr>
                            <th width="25%">
                               Email
                            </th>
                            <th width="25%">
                               Name
                            </th>
                            <th width="25%">
                               Code
                            </th>
                            <th width="25%">
                               Post
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <a href="#">dmitry@domain.com</a>
                            </td>
                            <td>
                                Dmitry Ivaniuk
                            </td>
                            <td>
                                DT-SV35582
                            </td>
                            <td>
                                <span class="label label-important">Developer</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a href="#">olga@domain.com</a>
                            </td>
                            <td>
                                Olga Ivaniuk
                            </td>                                
                            <td width="25%">
                                DS-SV34522
                            </td>      
                            <td width="25%">
                                <span class="label label-important">Economist</span>
                            </td>                                
                        </tr>
                        <tr>
                            <td>
                                <a href="#">alex@domain.com</a>
                            </td>
                            <td>
                                Alex Fruz
                            </td>         
                            <td width="25%">
                                DV-SV41222
                            </td>  
                            <td width="25%">
                                <span class="label label-important">Developer</span>
                            </td>                                  
                        </tr>
                        <tr>
                            <td>
                                <a href="#">helen@domain.com</a>
                            </td>
                            <td>
                                Helen Simonchuk
                            </td>                                                                
                            <td width="25%">
                                DV-ST32212
                            </td>   
                            <td width="25%">
                                <span class="label label-important">Promoter</span>
                            </td>                                  
                        </tr>
                        <tr>
                            <td>
                                <a href="#">valentin@domain.com</a>
                            </td>       
                            <td>
                                Valentin Ratushev
                            </td>        
                            <td width="25%">
                                DV-WR21677
                            </td>    
                            <td width="25%">
                                <span class="label label-important">Lawyer</span>
                            </td>                                
                        </tr>                           
                    </tbody>
                </table>
            </div>                
        </div>

        <div class="widget">
            <div class="head dark">
                <div class="icon"><span class="icos-checkbox"></span></div>
                <h2>With checkbox and hover</h2>                    
            </div>                
            <div class="block-fluid">
                <table cellpadding="0" cellspacing="0" width="100%" class="table-hover">
                    <thead>
                        <tr>
                            <th><input type="checkbox" class="checkall"/></th>
                            <th width="25%">
                               Email
                            </th>
                            <th width="25%">
                               Name
                            </th>
                            <th width="25%">
                               Code
                            </th>
                            <th width="25%">
                               Post
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>
                            <td>
                                <a href="#">dmitry@domain.com</a>
                            </td>
                            <td>
                                Dmitry Ivaniuk
                            </td>
                            <td>
                                DT-SV35582
                            </td>
                            <td>
                                <span class="label label-important">Developer</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>                                
                            <td>
                                <a href="#">olga@domain.com</a>
                            </td>
                            <td>
                                Olga Ivaniuk
                            </td>                                
                            <td width="25%">
                                DS-SV34522
                            </td>      
                            <td width="25%">
                                <span class="label label-important">Economist</span>
                            </td>                                
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>                                
                            <td>
                                <a href="#">alex@domain.com</a>
                            </td>
                            <td>
                                Alex Fruz
                            </td>         
                            <td width="25%">
                                DV-SV41222
                            </td>  
                            <td width="25%">
                                <span class="label label-important">Developer</span>
                            </td>                                  
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>                                
                            <td>
                                <a href="#">helen@domain.com</a>
                            </td>
                            <td>
                                Helen Simonchuk
                            </td>                                                                
                            <td width="25%">
                                DV-ST32212
                            </td>   
                            <td width="25%">
                                <span class="label label-important">Promoter</span>
                            </td>                                  
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>                                
                            <td>
                                <a href="#">valentin@domain.com</a>
                            </td>       
                            <td>
                                Valentin Ratushev
                            </td>        
                            <td width="25%">
                                DV-WR21677
                            </td>    
                            <td width="25%">
                                <span class="label label-important">Lawyer</span>
                            </td>                                
                        </tr>                           
                    </tbody>
                </table>
            </div>                
        </div>            

        <div class="widget">
            <div class="head dark">
                <div class="icon"><span class="icos-checkmark"></span></div>
                <h2>Check checkbox on row click</h2>                    
            </div>                
            <div class="block-fluid">
                <table cellpadding="0" cellspacing="0" width="100%" class="table-hover table-row-check">
                    <thead>
                        <tr>
                            <th><input type="checkbox" class="checkall"/></th>
                            <th width="25%">
                               Email
                            </th>
                            <th width="25%">
                               Name
                            </th>
                            <th width="25%">
                               Code
                            </th>
                            <th width="25%">
                               Post
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>
                            <td>
                                <a href="#">dmitry@domain.com</a>
                            </td>
                            <td>
                                Dmitry Ivaniuk
                            </td>
                            <td>
                                DT-SV35582
                            </td>
                            <td>
                                <span class="label label-important">Developer</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>                                
                            <td>
                                <a href="#">olga@domain.com</a>
                            </td>
                            <td>
                                Olga Ivaniuk
                            </td>                                
                            <td width="25%">
                                DS-SV34522
                            </td>      
                            <td width="25%">
                                <span class="label label-important">Economist</span>
                            </td>                                
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>                                
                            <td>
                                <a href="#">alex@domain.com</a>
                            </td>
                            <td>
                                Alex Fruz
                            </td>         
                            <td width="25%">
                                DV-SV41222
                            </td>  
                            <td width="25%">
                                <span class="label label-important">Developer</span>
                            </td>                                  
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>                                
                            <td>
                                <a href="#">helen@domain.com</a>
                            </td>
                            <td>
                                Helen Simonchuk
                            </td>                                                                
                            <td width="25%">
                                DV-ST32212
                            </td>   
                            <td width="25%">
                                <span class="label label-important">Promoter</span>
                            </td>                                  
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="check[]" value="1"/>
                            </td>                                
                            <td>
                                <a href="#">valentin@domain.com</a>
                            </td>       
                            <td>
                                Valentin Ratushev
                            </td>        
                            <td width="25%">
                                DV-WR21677
                            </td>    
                            <td width="25%">
                                <span class="label label-important">Lawyer</span>
                            </td>                                
                        </tr>                           
                    </tbody>
                </table>
            </div>                
        </div>            
        
    </div>
    
</div>  
